/*我知道要设置背景颜色，但是我怎么知道是写background-color？*/
/*.center {*/
/*    !*background-color: blue;*!*/
/*    border: 1px blue solid;*/
/*    !*    设置宽度*!*/
/*    width: 1000px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*.top {*/
/*    !*background-color: red;*!*/
/*    border: 1px red solid;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*!*类选择器*!*/
/*.foot {*/
/*    !*background-color: aqua;*!*/
/*    border: 1px aqua solid;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*    我们最好在最开始将外边距全部清零 */
/*通配符*/
* {
    margin: 0;
}

/*子代选择器*/
/*.center > div {*/
/*    background-color: aqua;*/
/*    width: 900px;*/
/*}*/

/*.top > div {*/
/*    background-color: aqua;*/
/*    width: 900px;*/
/*}*/

/*.foot > div {*/
/*    background-color: aqua;*/
/*    width: 900px;*/
/*}*/

/*元素选择*/
body {
    display: flex;
    justify-content: center;
}

/*    如果在div里面设置了display：flex，那么里面的所有div都会在一行*/
/*body>div>div所有子代div*/
body > div > div {
    /*border: 1px blue solid;*/
    /*    设置宽度*/
    width: 1000px;
    /*display: flex;*/
    /*justify-content: center;*/
}

body > div > div > div {
    /*background-color: aqua;*/
    /*width: 900px;*/
}

.top {
    /*让背景图片适应当前的div*/
    background-image: url("../img/banner_qtah.jpg");
    /*不想让背景图片重复*/
    width: 1000px;
    /*背景图片百分百适应外面的div*/
    background-size: 100% 100%;
    /*background-repeat: no-repeat;*/
    /*css 计算公式*/
    /*height: calc(1000 * 808px / 1920);*/
    height: 500px;
    /*设置字体颜色*/
    color: white;
}

/*设置居中*/
.top > div {
    display: flex;
    justify-content: center;
}

/*对居中的div设置宽度*/
.top > div > div {
    width: 900px;
    /*border: 1px solid red;*/
}

/*----------------company-----------------*/
.company {

    /*width: 900px;*/
    /*display: flex;*/
    /*justify-content: center;*/
}

.company > div {
    /*width: 900px;*/
    display: flex;
    justify-content: space-between;
}

.company > div > div:nth-child(1) {
    height: 141px;
}

/* .company>div子代选择器 */
.company > div > div:nth-child(2) {

    /*border: 1px solid red;*/
    display: flex;
    align-items: center;

}

.company > div > div:nth-child(2) > div:nth-child(1) {
    margin-right: 10px;
}

/*---------nav=-----------------*/
.nav {
    background-color: rgb(230, 145, 55);
    /*display: flex;*/
    /*justify-content: center;*/
    height: 50px;
}

.nav > div {
    /*width: 900px;*/
    display: flex;
    align-items: center;
}

.nav > div > div {
    /*margin: 0 20px;*/
    padding: 0 20px;
    height: 50px;
    line-height: 50px;

}

/*鼠标移上去的事件*/
.nav > div > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    /*    代码自动对齐快捷键 ctrl+alt+L*/
    cursor: pointer;
}

/*-----------ad---------------*/

.ad > div > div:nth-child(1) {
    padding: 30px 0 0 0;
    font-size: 35px;
    display: flex;
}

.ad > div > div:nth-child(1) > div:nth-child(2) {
    margin: 0 30px;
}

.ad > div > div:nth-child(2) {
    font-size: 10px;
}

.ad > div > div:nth-child(2) > div {
    margin: 5px 0;
}

.ad-third {
    font-size: 30px;
    color: rgb(230, 145, 55);
}

.ad-third > div:first-child {
    display: flex;
    align-items: flex-end;
}

/*逗号，叫做分组选择器*/
/*.ad-third>div:nth-child(1)>div:nth-child(1),.ad-third>div:nth-child(1)>div:nth-child(3){*/
/*    color: white;*/
/*    font-size: 20px;*/
/*}*/
/*奇偶数 odd奇数，even 偶数*/
/*.ad-third > div:nth-child(1) > div:nth-child(odd) {*/
/*    color: white;*/
/*    font-size: 20px;*/
/*}*/
/*自定义元素*/
pingwei {
    color: white;
    font-size: 20px;
}

.ad-third > div:nth-child(1) > div:nth-child(2) {
    margin-right: 20px;
}

/*这里我们可以理解为字符缩进*/
.ad-third > div:nth-child(2) {
    /*margin-left: 40px;*/
    /*相对于当前字符缩进2个字符*/
    text-indent: 1.5em;
}
